<!DOCTYPE HTML>

<html lang="en"><!-- manifest="game.manifest">-->
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Intel Robot Finds Kitty</title>
    <script type="text/javascript" src="./js/JQuery/jquery.js"></script>
    <script type="text/javascript" src="./js/Three/Three.js"></script>
    <script type="text/javascript" src="./js/Three/ColladaLoader.js"></script>
    <script type="text/javascript" src="./js/Three/Detector.js"></script>
    <script type="text/javascript" src="./js/Three/Stats.js"></script>

    <script type="text/javascript" src="./js/Objects.js"></script>
    <script type="text/javascript" src="./js/Global.js"></script>
    <script type="text/javascript" src="./js/Graphics.js"></script>
    <script type="text/javascript" src="./js/Logic.js"></script>
    <script type="text/javascript" src="./js/User.js"></script>
<!--    <script type="text/javascript" src="./js/Offline.js"></script>-->
    <style type="text/css">
        body {
            font-family: Arial,Helvetica,sans-serif;
            background-image: url("images/2.png");
            background-repeat: no-repeat;
            background-size:cover;
            overflow:hidden;
        }

        .status_bar{
            width: 50px;
            height: 50px;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .msg{
            color: white;
        }
        .skill0{
            background-image: url("images/jump_0.png");
        }
        .skill1{
            background-image: url("images/shoot_0.png");
        }
        .skill2{
            background-image: url("images/dbl_jump_0.png");
        }
        .skill3{
            background-image: url("images/run_0.png");
        }
        .key3{
            background-image: url("images/key_yellow_0.png");
        }
        .key0{
            background-image: url("images/key_red_0.png");
        }
        .key1{
            background-image: url("images/key_green_0.png");
        }
        .key2{
            background-image: url("images/key_blue_0.png");
        }
        .skill0.gain{
            background-image: url("images/jump.png");
        }
        .skill1.gain{
            background-image: url("images/shoot.png");
        }
        .skill2.gain{
            background-image: url("images/dbl_jump.png");
        }
        .skill3.gain{
            background-image: url("images/run.png");
        }
        .key3.gain{
            background-image: url("images/key_yellow.png");
        }
        .key0.gain{
            background-image: url("images/key_red.png");
        }
        .key1.gain{
            background-image: url("images/key_green.png");
        }
        .key2.gain{
            background-image: url("images/key_blue.png");
        }
        
    </style>
  </head>
  <body><!--style="background-color:green"-->
    <div align="center">
        <nav class="menuNav">
            <span id="line-status"></span>
            <button class="menuButton" onclick="startGame(1,1);">Single</button>
            <button class="menuButton" onclick="startGame(2,1);">Double</button>
            <button class="menuButton" onclick="about();">About</button>
            <progress id="processbar"></progress>
        </nav>
    </div>
    <div class="gameDiv" id="gameDiv" align="center">
      <p>This is the game:</p>
    </div>

    <audio id="bgm0" src="sounds/style.ogg" preload="auto"></audio>
    <audio id="bgm1" src="sounds/JumeiraDrive.ogg" preload="auto"></audio>
    <audio id="bgm2" src="sounds/LePetitPrince.ogg" preload="auto"></audio>
    <audio id="eat" src="sounds/eat.ogg" preload="auto"></audio>
    <audio id="unlock" src="sounds/unlock.ogg" preload="auto"></audio>
    <audio id="fire" src="sounds/fire.ogg" preload="auto"></audio>
    <audio id="jump" src="sounds/jump.ogg" preload="auto"></audio>
    <audio id="meow" src="sounds/meow.ogg" preload="auto"></audio>
    
  </body>
</html>


